#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
  height: 52px;
width: 657px;
background: #000000;

  border-radius: 5px 5px 0;
  -moz-border-radius: 5px 5px 0;
  -webkit-border-radius: 5px 5px 0;
  -webkit-box-shadow: 0 3px 3px 0 #000000;
   -moz-box-shadow: 0 3px 3px 0 #000000;
box-shadow: 0 3px 3px 0 #000000;
  
  border-bottom: 2px solid #000000;
}
#cssmenu:after,
#cssmenu ul:after {
  content: &#39;&#39;;
  display: block;
  clear: both;
}
#cssmenu a {
  background: #1C1C1C;
  
  color: #ffffff;
  display: inline-block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 52px;
  padding: 0 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu &gt; ul {
  float: left;
}
#cssmenu &gt; ul &gt; li {
  float: left;
}
#cssmenu &gt; ul &gt; li:hover:after {
  content: &#39;&#39;;
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFFB00;
  margin-left: -10px;
}
#cssmenu &gt; ul &gt; li:first-child &gt; a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
#cssmenu &gt; ul &gt; li:last-child &gt; a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}
#cssmenu &gt; ul &gt; li.active &gt; a {
  box-shadow: inset 3px 0 3px #000000;
  -moz-box-shadow: inset 3px 0 3px #000000;
  -webkit-box-shadow: inset 3px 0 3px #000000;
  background: #1C1C1C;
  
}
#cssmenu &gt; ul &gt; li:hover &gt; a {
  background: #1C1C1C;
  
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover &gt; ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #1C1C1C;
  border-bottom: 0;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 120%;
  padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
  background: #707070;
}
#cssmenu .has-sub .has-sub:hover &gt; ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #000000;
  border-bottom: 2px;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #707070;
}


a[target=&quot;_blank&quot;] {

display:inline-block;

line-height:10px; /* check your icon height */

background:url(&#39;https://lh6.googleusercontent.com/-1d2lgSRxGt8/URps7qV5IuI/AAAAAAAAAl4/Uvl7urv8_C4/h120/external_link2.png&#39;)  center right no-repeat;

padding-right:18px;
}

#Header1 {opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */

transition: opacity 0.7s;
-moz-transition: opacity 0.7s; /* Firefox 4 */
-webkit-transition:opacity 0.7s; /* Safari and Chrome */
-o-transition:opacity 0.7s; /* Opera */
}

#Header1:hover {opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}


img.groove
{width:100px;height:48px; 
transition:width 0.5s;
-moz-transition:width 0.5s; /* Firefox 4 */
-webkit-transition:width 0.5s; /* Safari and Chrome */
-o-transition:width 0.5s; /* Opera */
}
img.groove:hover
{width:340px;
}

#HTML3 {text-align: center;border-style:solid;border-width:5px; border-color:#ffffff;

-moz-border-radius: 200px 30px 200px 30px !important;
-webkit-border-radius: 200px 30px 200px 30px !important;
-goog-ms-border-radius: 200px 30px 200px 30px  !important;
border-radius: 200px 30px 200px 30px !important;

/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center top, ellipse farthest-corner, #820000 0%, #000000 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center top, ellipse farthest-corner, #820000 0%, #000000 100%);

/* Opera */ 
background-image: -o-radial-gradient(center top, ellipse farthest-corner, #820000 0%, #000000 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center top, 0, center top, 561, color-stop(0, #820000), color-stop(1, #000000));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, #820000 0%, #000000 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-corner at center top, #820000 0%, #000000 100%);

}
#HTML3:hover 
{
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center top, ellipse farthest-corner, #E39E27 0%, #000000 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center top, ellipse farthest-corner, #E39E27 0%, #000000 100%);

/* Opera */ 
background-image: -o-radial-gradient(center top, ellipse farthest-corner, #E39E27 0%, #000000 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center top, 0, center top, 561, color-stop(0, #E39E27), color-stop(1, #000000));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, #E39E27 0%, #000000 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-corner at center top, #E39E27 0%, #000000 100%);

}

#PopularPosts1 {text-align:center; background: #FFE87C;border-style:solid; 

opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */

transition: opacity 0.8s;
-moz-transition: opacity 0.8s; /* Firefox 4 */
-webkit-transition:opacity 0.8s; /* Safari and Chrome */
-o-transition:opacity 0.8s; /* Opera */

-moz-box-shadow: 0px 0px 10px 0px #000000 !important;
  -webkit-box-shadow: 0px 0px 10px 0px #000000 !important;
box-shadow: 0px 0px 10px 0px #000000 !important; 

-moz-border-radius: 10px 10px 10px 10px!important;
-webkit-border-radius: 10px 10px 10px 10px! important;
-goog-ms-border-radius: 10px 10px 10px 10px!important;
border-radius: 10px 10px 10px 10px!important;

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center top, ellipse farthest-corner, #827665 0%, #000000 100%);

/* Opera */ 
background-image: -o-radial-gradient(center top, ellipse farthest-corner, #827665 0%, #000000 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center top, 0, center top, 561, color-stop(0, #827665), color-stop(1, #000000));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, #827665 0%, #000000 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-corner at center top, #827665 0%, #000000 100%);}

#PopularPosts1:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #FFE87C 0%, #FFE7C7 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #FFE87C 0%, #FFE7C7 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #FFE87C 0%, #FFE7C7 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFE87C), color-stop(1, #FFE7C7));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #FFE87C 0%, #FFE7C7 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #FFE87C 0%, #FFE7C7 100%);}

#HTML1 {text-align:center;color:#fffff;background:#ddddd0;border-style:solid;

-moz-border-radius: 120px 10px 10px 10px!important;
-webkit-border-radius: 120px 10px 10px 10px! important;
-goog-ms-border-radius: 120px 10px 10px 10px!important;
border-radius: 120px 10px 10px 10px!important;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #C7C7C7 0%, #000000 50%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #C7C7C7 0%, #000000 50%);

/* Opera */ 
background-image: -o-linear-gradient(top, #C7C7C7 0%, #000000 50%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C7C7C7), color-stop(0.5, #000000));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #AC7C7C7 0%, #000000 50%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #C7C7C7 0%, #000000 50%);}


.butt
{ border-top: 1px solid #eeff00;
   background: #ffd500;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff200), to(#ffd500));
   background: -webkit-linear-gradient(top, #fff200, #ffd500);
   background: -moz-linear-gradient(top, #fff200, #ffd500);
   background: -ms-linear-gradient(top, #fff200, #ffd500);
   background: -o-linear-gradient(top, #fff200, #ffd500);
   padding: 5px 10px;
   -webkit-border-radius: 90px 30px 90px 30px;
   -moz-border-radius: 90px 30px 90px 30px;
   border-radius: 90px 30px 90px 30px;
   -webkit-box-shadow: 0px 5px 5px 2px #000000;
   -moz-box-shadow: 0px 5px 5px 2px #000000;
   box-shadow: 0px 5px 5px 2px#000000;
width:200px;
}
.butt:hover {
   border-top-color: #fff200;
background: -webkit-linear-gradient(top, #fff200, #ff9a42);
   background: -moz-linear-gradient(top, #fff200, #ff9a42);
   background: -ms-linear-gradient(top, #fff200, #ff9a42);
   background: -o-linear-gradient(top, #fff200, #ff9a42);   
   color: #ccc;
-webkit-box-shadow: 0px 3px 3px 1px #000000;
   -moz-box-shadow: 0px 3px 3px 1px #000000;
box-shadow: 0px 3px 3px 1px#000000;
   }
.butt:active {
   border-top-color: #ff9a42;
   background: #ff9a42;
-webkit-box-shadow: 0px 3px 3px 1px #000000;
-moz-box-shadow: 0px 3px 3px 1px #000000;
box-shadow: 0px 3px 3px 1px#000000;
   }
.but
{    
padding: 5px 5px;background: #ffffff;
   -webkit-border-radius: 0px 0px 10px 10px;
   -moz-border-radius: 0px 0px 10px 10px;
   border-radius: 0px 0px 10px 10px;
   -webkit-box-shadow: 0px 3px 3px 1px #000000;
   -moz-box-shadow: 0px 3px 3px 1px #000000;
   box-shadow: 0px 3px 3px 1px#000000;
width:440px;}

.but:hover {
   -webkit-box-shadow: 0px 8px 8px 0px #000000;
   -moz-box-shadow: 0px 8px 8px 0px #000000;
box-shadow: 0px 8px 8px 0px#000000;
   }

img.tra
{opacity:0.3;
filter:alpha(opacity=30); /* For IE8 and earlier */
width:50px;
height:80px;

transition:width 1s, opacity 2s;
-moz-transition:width 1s, opacity 2s; /* Firefox 4 */
-webkit-transition:width 1s, opacity 2s; /* Safari and Chrome */
-o-transition:width 1s, opacity 2s; /* Opera */
}

img.tra:hover
{width:80px;
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

img.traz
{opacity:0.2;
filter:alpha(opacity=20); /* For IE8 and earlier */

transition: opacity 2s;
-moz-transition: opacity 2s; /* Firefox 4 */
-webkit-transition:opacity 2s; /* Safari and Chrome */
-o-transition:opacity 2s; /* Opera */
}

img.traz:hover
{opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

.traz
{opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */

transition: opacity 0.7s;
-moz-transition: opacity 0.7s; /* Firefox 4 */
-webkit-transition:opacity 0.7s; /* Safari and Chrome */
-o-transition:opacity 0.7s; /* Opera */
}

.traz:hover
{opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

img.tran
{opacity:0.1;
filter:alpha(opacity=10); /* For IE8 and earlier */
width:50px;
height:50px;


transition:width 3s, height 3s, opacity 3.5s, transform 2s;
-moz-transition:width 3s, height 3s, opacity 3.5s, -moz-transform 2s; /* Firefox 4 */
-webkit-transition:width 3s, height 3s, opacity 3.5s, -webkit-transform 2s; /* Safari and Chrome */
-o-transition:width 3s, height 3s, opacity 3.5s; /* Opera */
}

img.tran:hover
{width:300px;height:300px;

transform:rotate(360deg);
-moz-transform:rotate(360deg); /* Firefox 4 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */

opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
.shad 
{
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #97EFEF 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #97EFEF 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #97EFEF 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #97EFEF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #97EFEF 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #97EFEF 100%);

/* corner */
-webkit-border-radius: 20px 20px 20px 20px;
   -moz-border-radius: 20px 20px 20px 20px;
   border-radius: 20px 20px 20px 20px;

/* shadow */   
-webkit-box-shadow: 2px 3px 3px 2px #000000;
   -moz-box-shadow: 2px 3px 3px 2px #000000;
   box-shadow: 2px 3px 3px 2px#000000;
}

img.rot
{
transition:transform 3s;
-moz-transition:-moz-transform 3s; /* Firefox 4 */
-webkit-transition:-webkit-transform 3s; /* Safari and Chrome */
-o-transform-transition:-o-transform 3s;
}

img.rot:hover
{
transform:rotate(360deg);
-moz-transform:rotate(360deg); /* Firefox 4 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */
}

.ex2
{font-size: 29px;
padding: 20px;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
background: rgb(138, 156, 238);
background: -moz-linear-gradient(90deg, rgb(138, 156, 238) 30%, rgb(184, 224, 210) 70%);
background: -webkit-linear-gradient(90deg, rgb(138, 156, 238) 30%, rgb(184, 224, 210) 70%);
background: -o-linear-gradient(90deg, rgb(138, 156, 238) 30%, rgb(184, 224, 210) 70%);
background: -ms-linear-gradient(90deg, rgb(138, 156, 238) 30%, rgb(184, 224, 210) 70%);
background: linear-gradient(0deg, rgb(138, 156, 238) 30%, rgb(184, 224, 210) 70%);
-webkit-box-shadow: 0px 2px 7px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 2px 7px rgba(50, 50, 50, 0.75);
box-shadow:         0px 2px 7px rgba(50, 50, 50, 0.75);
}

.ex1
{text-align:center;
position:relative;
left:30%;
width:40%;
color: rgb(230, 230, 230);
font-size: 20px;
padding: 20px;
text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: rgb(29, 196, 20);
background: -moz-linear-gradient(90deg, rgb(29, 196, 20) 30%, rgb(34, 119, 20) 70%);
background: -webkit-linear-gradient(90deg, rgb(29, 196, 20) 30%, rgb(34, 119, 20) 70%);
background: -o-linear-gradient(90deg, rgb(29, 196, 20) 30%, rgb(34, 119, 20) 70%);
background: -ms-linear-gradient(90deg, rgb(29, 196, 20) 30%, rgb(34, 119, 20) 70%);
background: linear-gradient(0deg, rgb(29, 196, 20) 30%, rgb(34, 119, 20) 70%);
-webkit-box-shadow: 0px 10px 9px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 10px 9px rgba(50, 50, 50, 0.75);
box-shadow:         0px 10px 9px rgba(50, 50, 50, 0.75);
}



hr { border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); }